/*
 * @Description: 档案分类操作组件
 * @Author: Rfan
 * @Date: 2022-05-31 15:25:56
 * @LastEditTime: 2022-09-17 21:38:00
 */

import { useMemo, useState } from 'react';
import { Button, Space } from 'antd';
import AddVersionDialog from './dialogs/AddVersionDialog';

const Operate = () => {
  const [versionVisible, setVersionVisible] = useState(false);

  return (
    <>
      <div className="filter-container">
        <p className="page-title">档案分类设置</p>
        <Space size="small">
          {/* <Button disabled>删除版本</Button> */}
          {/* <Button disabled>修改版本</Button> */}
          {/* <Button 
            type="primary"
            disabled
            onClick={() => {
              setVersionVisible(true);
            }}
           >
            创建分类版本
           </Button> */}
          {/* <Button disabled>更多</Button> */}
        </Space>
      </div>
      {useMemo(
        () => (
          <AddVersionDialog
            visible={versionVisible}
            onClose={() => {
              setVersionVisible(false);
            }}
          />
        ),
        [versionVisible]
      )}
    </>
  );
};

export default Operate;
